<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1.0">
  <title>proui version</title>
  <link rel="stylesheet" href="/static/proui/css/bootstrap.min.css">
  <link rel="stylesheet" href="/static/proui/css/plugins.css">
  <link rel="stylesheet" href="/static/proui/css/main.css">
  <link rel="stylesheet" href="/static/proui/css/themes.css">
  <script src="/static/proui/js/vendor/modernizr-respond.min.js"></script>
</head>

<body>

  <div id="page-wrapper">
    <div id="page-container" class="sidebar-partial sidebar-visible-lg sidebar-no-animations">
      <div id="sidebar-alt">
        <!-- Wrapper for scrolling functionality -->
        <div id="sidebar-alt-scroll">
          <!-- Sidebar Content -->
          <div class="sidebar-content">
            <!-- Sidebar Section -->
            <a href="index.html" class="sidebar-title">
              <i class="gi gi-cogwheel pull-right"></i>
              <strong>Header</strong>
            </a>
            <div class="sidebar-section">Section content..</div>
            <!-- END Sidebar Section -->
          </div>
          <!-- END Sidebar Content -->
        </div>
        <!-- END Wrapper for scrolling functionality -->
      </div>

      <div id="sidebar">
        <!-- Wrapper for scrolling functionality -->
        <div id="sidebar-scroll">
          <!-- Sidebar Content -->
          <div class="sidebar-content">
            <!-- Brand -->
            <a href="index.html" class="sidebar-brand">
              <i class="gi gi-flash"></i>
              <span class="sidebar-nav-mini-hide">
                <strong>GYM</strong>Care</span>
            </a>
            <!-- END Brand -->

            <!-- User Info -->
            <div class="sidebar-section sidebar-user clearfix sidebar-nav-mini-hide">
              <div class="sidebar-user-avatar">
                <a href="index.html">
                  <img src="/static/img/avatar13.jpg" alt="avatar">
                </a>
              </div>
              <div class="sidebar-user-name">测试用户</div>
              <div class="sidebar-user-links">
                <a href="javascript:void(0)" data-toggle="tooltip" data-placement="bottom" title="Profile">
                  <i class="gi gi-user"></i>
                </a>
                <a href="javascript:void(0)" data-toggle="tooltip" data-placement="bottom" title="Messages">
                  <i class="gi gi-envelope"></i>
                </a>
                <a href="javascript:void(0)" data-toggle="tooltip" data-placement="bottom" title="Settings">
                  <i class="gi gi-cogwheel"></i>
                </a>
                <a href="/logout" data-toggle="tooltip" data-placement="bottom" title="Logout">
                  <i class="gi gi-exit"></i>
                </a>
              </div>
            </div>
            <!-- END User Info -->
            <!-- Sidebar Navigation -->
            <ul class="sidebar-nav">
              <li>
                <a href="#" class=" active">
                  <i class="gi gi-stopwatch sidebar-nav-icon"></i>
                  <span class="sidebar-nav-mini-hide">测试模块</span>
                </a>
              </li>
              <li>
                <a href="#" class=" active">
                  <i class="gi gi-book sidebar-nav-icon"></i>
                  <span class="sidebar-nav-mini-hide">测试智商</span>
                </a>
              </li>
            </ul>
            <!-- END Sidebar Navigation -->
          </div>
          <!-- END Sidebar Content -->
        </div>
        <!-- END Wrapper for scrolling functionality -->
      </div>

      <!-- Main Container -->
      <div id="main-container">
        <header class="navbar navbar-default">
          <!-- Left Header Navigation -->
          <ul class="nav navbar-nav-custom">
            <!-- Main Sidebar Toggle Button -->
            <li>
              <a href="javascript:void(0)" onclick="App.sidebar('toggle-sidebar');this.blur();">
                <i class="fa fa-bars fa-fw"></i>
              </a>
            </li>
            <!-- END Main Sidebar Toggle Button -->

            <!-- Template Options -->
            <!-- Change Options functionality can be found in js/app.js - templateOptions() -->
            <li class="dropdown">
              <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
                <i class="gi gi-settings"></i>
              </a>
              <ul class="dropdown-menu dropdown-custom dropdown-options">
                <li class="dropdown-header text-center">Header Style</li>
                <li>
                  <div class="btn-group btn-group-justified btn-group-sm">
                    <a href="javascript:void(0)" class="btn btn-primary" id="options-header-default">Light</a>
                    <a href="javascript:void(0)" class="btn btn-primary" id="options-header-inverse">Dark</a>
                  </div>
                </li>
                <li class="dropdown-header text-center">Page Style</li>
                <li>
                  <div class="btn-group btn-group-justified btn-group-sm">
                    <a href="javascript:void(0)" class="btn btn-primary" id="options-main-style">Default</a>
                    <a href="javascript:void(0)" class="btn btn-primary" id="options-main-style-alt">Alternative</a>
                  </div>
                </li>
              </ul>
            </li>
            <!-- END Template Options -->
          </ul>
          <!-- END Left Header Navigation -->

          <!-- Search Form -->
          <form action="index.html" method="post" class="navbar-form-custom">
            <div class="form-group">
              <input type="text" id="top-search" name="top-search" class="form-control" placeholder="查询">
            </div>
          </form>
          <!-- END Search Form -->

          <!-- Right Header Navigation -->
          <ul class="nav navbar-nav-custom pull-right">
            <!-- Alternative Sidebar Toggle Button -->
            <li>
              <!-- If you do not want the main sidebar to open when the alternative sidebar is closed, just remove the second parameter: App.sidebar('toggle-sidebar-alt'); -->
              <a href="javascript:void(0)" onclick="App.sidebar('toggle-sidebar-alt', 'toggle-other');this.blur();">
                <i class="gi gi-share_alt"></i>
                <span class="label label-primary label-indicator animation-floating">0</span>
              </a>
            </li>
            <!-- END Alternative Sidebar Toggle Button -->

            <!-- User Dropdown -->
            <li class="dropdown">
              <a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
                <img src="/static/img/avatar13.jpg" alt="avatar">
                <i class="fa fa-angle-down"></i>
              </a>
              <ul class="dropdown-menu dropdown-custom dropdown-menu-right">
                <li class="dropdown-header text-center">Header</li>
                <li>
                  <a href="javascript:void(0)">
                    <i class="fa fa-clock-o fa-fw pull-right"></i>
                    <span class="badge pull-right">10</span>
                    Link #1
                  </a>
                  <a href="javascript:void(0)">
                    <i class="fa fa-envelope-o fa-fw pull-right"></i>
                    <span class="badge pull-right">5</span>
                    Link #2
                  </a>
                  <a href="javascript:void(0)">
                    <i class="fa fa-magnet fa-fw pull-right"></i>
                    <span class="badge pull-right">3</span>
                    Link #3
                  </a>
                  <a href="javascript:void(0)">
                    <i class="fa fa-question fa-fw pull-right"></i>
                    <span class="badge pull-right">11</span>
                    Link #4
                  </a>
                </li>
                <li class="divider"></li>
                <li>
                  <a href="javascript:void(0)">
                    <i class="fa fa-user fa-fw pull-right"></i>
                    Link #1
                  </a>
                  <a href="javascript:void(0)">
                    <i class="fa fa-cog fa-fw pull-right"></i>
                    Link #2
                  </a>
                </li>
              </ul>
            </li>
            <!-- END User Dropdown -->
          </ul>
          <!-- END Right Header Navigation -->
        </header>
        <!-- END Header -->

        <!-- END Page Content -->
        <!-- Page content -->
        <div id="page-content">
          <!-- Page Header -->
          <div class="content-header">
            <div class="header-section">
              <h1>
                标题
              </h1>
            </div>
          </div>

          <!-- END Page Header -->
          <div id="app"> </div>

        </div>
        <!-- END Page Content -->
        <!-- Footer -->
        <footer class="clearfix">
          <div class="pull-right">
            Crafted with
            <i class="fa fa-heart text-danger"></i> by
            <a href="http://goo.gl/vNS3I" target="_blank">Handle Huang</a>
          </div>
          <div class="pull-left">
            <span id="year-copy"></span> &copy;
            <a href="http://goo.gl/TDOSuC" target="_blank">ProUI</a>
          </div>
        </footer>
        <!-- END Footer -->
      </div>
    </div>
  </div>
  <script src="/static/proui/js/vendor/jquery-1.12.0.min.js"></script>
  <script src="/static/proui/js/vendor/bootstrap.min.js"></script>
  <script src="/static/proui/js/vendor/jquery.form.js"></script>
  <script src="/static/proui/js/vendor/fetch.js"></script>
  <script src="/static/proui/js/plugins.js"></script>
  <script src="/static/proui/js/app.js"></script>

</body>

</html>
